<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <title>我的账户</title>
    <link rel="icon" href="/img/favicon.ico">
    <link rel="stylesheet" href="/css/font.css">
    <link rel="stylesheet" href="/css/xadmin.css">
    <script type="text/javascript" src="/js/jquery-3.4.1.js"></script>
    <script src="/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/js/xadmin.js"></script>
    <script src="/js/dateFormat.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>

    <![endif]-->
    <link rel="stylesheet" type="text/css" href="/css/all.css"/>
    <link rel="stylesheet" type="text/css" href="/css/pages-home.css"/>
</head>

<body>
<!-- 头部栏位 -->
<!--页面顶部-->
<div id="nav-bottom" th:insert="index-nav::index-nav">
    <!--顶部-->
</div>

<!--header-->
<div id="account">
    <div class="py-container">
        <div class="yui3-g home">
            <!--左侧列表-->
            <div class="yui3-u-1-6 list" th:insert="home-menu::home-menu">

            </div>
            <!--右侧主内容-->
            <div class="yui3-u-5-6 body">
                <div class="aboutme yui3-g">
                    <div class="yui3-u-1-4 set info">
                        <div class="u-pic">
                            <img th:src="${session.user.img}" alt="用户头像"/>
                        </div>
                        <div class="u-info">
                            <div class="u-name"><span th:text="${session.user.username}"></span></div>
                        </div>
                    </div>
                    <div class="yui3-u-1-4 set fixed">
                        <div class="title"><strong>我的资产</strong></div>
                        <div class="acc-item">
                            <div class="list1">
                                <i></i><b>积分兑换商品</b><span><em>0</em>分</span>
                            </div>
                            <div class="list2">
                                <i></i><b>抵用券</b><span><em>0</em>分</span>
                            </div>
                            <div class="list3">
                                <i></i><b>礼品卡余额</b><span><em>0</em>分</span>
                            </div>
                            <div class="list4">
                                <i></i><b>账号余额</b><span><em>0</em>分</span>
                            </div>
                        </div>
                    </div>
                    <div class="yui3-u-1-4 set package">
                        <div class="title"><strong>我的钱包</strong></div>
                        <div class="td">
                            <ul class="yui3-g">
                                <li class="yui3-u-1-2">
                                    <span>能购物</span>
                                    <div class="td1"></div>
                                </li>
                                <li class="yui3-u-1-2">
                                    <span>高收益</span>
                                    <div class="td2"></div>
                                </li>
                                <li class="yui3-u-1-2">
                                    <span>够安全</span>
                                    <div class="td3"></div>
                                </li>
                                <li class="yui3-u-1-2">
                                    <span>够灵活</span>
                                    <div class="td4"></div>
                                </li>
                            </ul>
                            <div class="space-x"></div>
                            <div class="space-y"></div>
                        </div>
                    </div>
                    <div class="yui3-u-5-24 ads">
                        <img src="./img/account.png"/>
                    </div>
                </div>
                <div class="order">
                    <div class="mt">
                        <span class="fl"><strong>全部订单</strong></span>
                    </div>
                    <div class="order-detail">
                        <table class="layui-table"
                               lay-data="{height:500, url:'/Ajax/admin/orders/myList', method:'post', contentType: 'application/json', page:true, id:'test', align:'center'}"
                               lay-filter="test">
                            <thead>
                            <tr>
                                <th lay-data="{field:'id', width:80, sort: true}">ID</th>
                                <th lay-data="{field:'prices'}">价格</th>
                                <th lay-data="{templet:'#time'}">订单时间</th>
                                <th lay-data="{templet:'#status'}">状态</th>
                                <th lay-data="{field:'address'}">送货地址</th>
                                <th lay-data="{field:'phone'}">手机号</th>
                                <th lay-data="{templet:'#show'}">查看</th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 底部栏位 -->
<!--页面底部-->
<div class="clearfix footer">
    <div class="py-container">
        <div class="footlink">
            <div class="Mod-service">
                <ul class="Mod-Service-list">
                    <li class="grid-service-item intro  intro1">

                        <i class="serivce-item fl"></i>
                        <div class="service-text">
                            <h4>正品保障</h4>
                            <p>正品保障，提供发票</p>
                        </div>

                    </li>
                    <li class="grid-service-item  intro intro2">

                        <i class="serivce-item fl"></i>
                        <div class="service-text">
                            <h4>正品保障</h4>
                            <p>正品保障，提供发票</p>
                        </div>

                    </li>
                    <li class="grid-service-item intro  intro3">

                        <i class="serivce-item fl"></i>
                        <div class="service-text">
                            <h4>正品保障</h4>
                            <p>正品保障，提供发票</p>
                        </div>

                    </li>
                    <li class="grid-service-item  intro intro4">

                        <i class="serivce-item fl"></i>
                        <div class="service-text">
                            <h4>正品保障</h4>
                            <p>正品保障，提供发票</p>
                        </div>

                    </li>
                    <li class="grid-service-item intro intro5">

                        <i class="serivce-item fl"></i>
                        <div class="service-text">
                            <h4>正品保障</h4>
                            <p>正品保障，提供发票</p>
                        </div>

                    </li>
                </ul>
            </div>
            <div class="clearfix Mod-list">
                <div class="yui3-g">
                    <div class="yui3-u-1-6">
                        <h4>购物指南</h4>
                        <ul class="unstyled">
                            <li>购物流程</li>
                            <li>会员介绍</li>
                            <li>生活旅行/团购</li>
                            <li>常见问题</li>
                            <li>购物指南</li>
                        </ul>

                    </div>
                    <div class="yui3-u-1-6">
                        <h4>配送方式</h4>
                        <ul class="unstyled">
                            <li>上门自提</li>
                            <li>211限时达</li>
                            <li>配送服务查询</li>
                            <li>配送费收取标准</li>
                            <li>海外配送</li>
                        </ul>
                    </div>
                    <div class="yui3-u-1-6">
                        <h4>支付方式</h4>
                        <ul class="unstyled">
                            <li>货到付款</li>
                            <li>在线支付</li>
                            <li>分期付款</li>
                            <li>邮局汇款</li>
                            <li>公司转账</li>
                        </ul>
                    </div>
                    <div class="yui3-u-1-6">
                        <h4>售后服务</h4>
                        <ul class="unstyled">
                            <li>售后政策</li>
                            <li>价格保护</li>
                            <li>退款说明</li>
                            <li>返修/退换货</li>
                            <li>取消订单</li>
                        </ul>
                    </div>
                    <div class="yui3-u-1-6">
                        <h4>特色服务</h4>
                        <ul class="unstyled">
                            <li>夺宝岛</li>
                            <li>DIY装机</li>
                            <li>延保服务</li>
                            <li>品优购E卡</li>
                            <li>品优购通信</li>
                        </ul>
                    </div>
                    <div class="yui3-u-1-6">
                        <h4>帮助中心</h4>
                        <img src="./img/wx_cz.jpg">
                    </div>
                </div>
            </div>
            <div class="Mod-copyright">
                <ul class="helpLink">
                    <li>关于我们<span class="space"></span></li>
                    <li>联系我们<span class="space"></span></li>
                    <li>关于我们<span class="space"></span></li>
                    <li>商家入驻<span class="space"></span></li>
                    <li>营销中心<span class="space"></span></li>
                    <li>友情链接<span class="space"></span></li>
                    <li>关于我们<span class="space"></span></li>
                    <li>营销中心<span class="space"></span></li>
                    <li>友情链接<span class="space"></span></li>
                    <li>关于我们</li>
                </ul>
                <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100</p>
                <p>京ICP备08001421号京公网安备110108007702</p>
            </div>
        </div>
    </div>
</div>
<!--页面底部END-->


</body>
<script>
    var table

    layui.use('table', function () {
        table = layui.table;
    });
</script>

<script type="text/html" id="time">
    {{ FormatDate(d.createtime)}}
</script>

<script type="text/html" id="status">
    {{# if(d.status == 1){}}
    已保存
    {{# } else if(d.status == 2){ }}
    已付款
    {{# }else if(d.status == 3){ }}
    已发货
    {{# }else if(d.status == 4){ }}
    已收货
    {{# }else if(d.status == 5){ }}
    已退款
    {{#  }else if(d.status == 6){ }}
    已评价
    {{# } }}
</script>

<script type="text/html" id="show">
	<input class="layui-btn layui-btn-danger" style="width: 70px" value="详情" onclick="window.open('/orders?id={{d.id}}')">
	{{# if(d.status == 3){ }}
    <input class="layui-btn layui-btn-danger "  style="width: 70px" value="收货" onclick="location.href='saveOrder?id={{d.id}}&status=4'">
    {{# } }}
    {{# if(d.status == 4){ }}
    <input class="layui-btn layui-btn-danger "  style="width: 70px" value="评价" onclick="location.href='/rep/toAdd?cid={{d.id}}'">
    {{# } }}
</script>
</html>